<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>许光宝Store</title>
    <link rel="stylesheet" href="style/reset.css">
    <link rel="stylesheet/less" href="style/app.less">

    <script src="node_modules/jQuery/tmp/jquery.js"></script>
    <script src="node_modules/less/dist/less.min.js"></script>


    <link rel="stylesheet" href="./style/login.less">


    <link rel="stylesheet" href="style/style1.css">
    

    <link rel="shortcut icon" href="./res/images/logo.png" type="image/png">
    <!-- 引入样式文件 -->
    <link rel="stylesheet/less" href="./style/reset.css">
    <link rel="stylesheet/less" href="./style/login.less">
    <!-- 引入 LESS.js -->
    <script src="node_modules/less/dist/less.js"></script>


    

</head>

<body>


    <header>
        <div class="top_nav">
            <div class="container clearfix">
                <ul class="left_nav left">
                    <li><a href="">你好欢迎来到菜市场！</a></li>
                    <li class="login" data-type="login">
                        <a href="" data-type="login">请登录</a>
                    </li>
                    <li class="register">
                        <a data-type="register" href="">免费注册</a>
                    </li>
                </ul>
                <ul class="right_nav right">
                    <li><a href="">购物车</a></li>
                    <li><a href="">服务热线:<span>8004001234</span></a></li>
                </ul>
            </div>
        </div>


        <!-- 头部搜索部分 -->
        <div class="top_search_container">
            <div class="container clearfix">
                <!-- Logo -->
                <a href="" class="left_icon left">
                    <img src="res/images/logo.png" alt="logo">
                </a>
                <!-- 搜索 -->
                <div class="search_container left">
                    <input type="search">
                    <button>搜索</button>
                </div>
            </div>
        </div>




        <nav class="top_sub_nav_container"></nav>


        <nav class="top_banner_container"></nav>
    </header>

    <footer></footer>


    <script src="js/app.js">

    </script>

    <script src="js/login.js"></script>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        var loginView = null;

        $(".login").click(function (event) {
            event.preventDefault();
            if (!loginView) {
                loginView = new pageTools.Login(true, "body", function () {
                    // 在这里处理点击登录按钮后的事件
                    console.log("登录成功！可以执行一些其他操作。");
                    // 例如，重置 loginView 为 null，以便下次点击时重新创建登录视图
                    loginView = null;
                });
            }
        });


        var loginView = null; // 设置变量用于存放对话框DOM

        function loginRegisterAction(event) {
            event.preventDefault(); // 阻止a标签的默认行为

            if (!loginView) { // 如果对话框没有显示出来
                var type = event.target.dataset.type;
                loginView = new pageTools.Login(type == 'login', 'body', function () {
                    loginView = null;
                });
            }
        }

        function loginRegister() {
            $('.login').click(loginRegisterAction);
            $('.register').click(loginRegisterAction);
        }

        // 主函数(入口函数)
        function main() {
            loginRegister();
        }

        main();

    </script>







</body>

</html>